const app = getApp()
import BaseModel from '../../utils/common.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    id:"",//id
    message:"",//详情
    indicatorDots: false,
    autoplay: false,
    interval: 5000,
    duration: 500,
    is_collection:false, //是否收藏
    collect_num:"",//收藏数量
    swiperHeight:"",//图片高度
    current:0,//当前图片位置
    Hei:"",
    Hei1:"",
    prveIndex:""
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setData({
      id:options.id
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.getMessageData();

  },
  /*图片滑动事件*/
  change:function(e){
    var that = this;
    var index = e.detail.current;
    var src = "";
    console.log("当前--"+index)
    console.log("记录--"+this.data.prveIndex)
    if(index>this.data.prveIndex){
      src = that.data.message.image[index+1]
    }else if(index<this.data.prveIndex){
      src = that.data.message.image[index-1]
    }else if(index=this.data.prveIndex){
      src = that.data.message.image[index]
    }
    this.setData({
      current:index,
      prveIndex:index,
      Hei:this.data.Hei1
    })

    wx.getImageInfo({
      src: src,
      success (res) {
        var winWid = wx.getSystemInfoSync().windowWidth;         //获取当前屏幕的宽度
        var imgh=res.height;　　　　　　　　　　　　　　　　//图片高度
        var imgw=res.width;
        var swiperH=winWid*imgh/imgw + "px"　　　　　　　　　　//等比设置swiper的高度。  即 屏幕宽度 / swiper高度 = 图片宽度 / 图片高度    ==》swiper高度 = 屏幕宽度 * 图片高度 / 图片宽度
        that.setData({
          Hei1:swiperH　　　　　　　　//设置高度
        })
      }
    })
  },
  previewImage: function (e) {
    var current = e.target.dataset.src;
    wx.previewImage({
      current: current, // 当前显示图片的http链接
      urls: this.data.message.image // 需要预览的图片http链接列表
    })
  } ,
  /*获取数据*/
  getMessageDataModel: new BaseModel({
    url: 'employees/getsWitness',
    method: "get",
    needAjaxLoading:true,
    loadingText:"玩命加载中"
  }),
  getMessageData() {
    var that = this;
    this.getMessageDataModel
        .fetch({
          id:this.data.id,
        })
        .then(res => {
          //成功
          that.setData({
            message:res.data,
            is_collection:res.data.is_colect,
            collect_num:res.data.collect_num,
          })
          wx.getImageInfo({
            src: that.data.message.image[0],
            success (res) {
              var winWid = wx.getSystemInfoSync().windowWidth;         //获取当前屏幕的宽度
              var imgh=res.height;　　　　　　　　　　　　　　　//图片高度
              var imgw=res.width;
              var swiperH=winWid*imgh/imgw + "px"　　　　　　　　　　//等比设置swiper的高度。  即 屏幕宽度 / swiper高度 = 图片宽度 / 图片高度    ==》swiper高度 = 屏幕宽度 * 图片高度 / 图片宽度
              that.setData({
                Hei:swiperH　　　　　　　　//设置高度
              })
              console.log(0)
            }
          })
          wx.getImageInfo({
            src: that.data.message.image[1],
            success (res) {
              var winWid = wx.getSystemInfoSync().windowWidth;         //获取当前屏幕的宽度
              var imgh=res.height;　　　　　　　　　　　　　　　　//图片高度
              var imgw=res.width;
              var swiperH=winWid*imgh/imgw + "px"　　　　　　　　　　//等比设置swiper的高度。  即 屏幕宽度 / swiper高度 = 图片宽度 / 图片高度    ==》swiper高度 = 屏幕宽度 * 图片高度 / 图片宽度
              that.setData({
                Hei1:swiperH　　　　　　　　//设置高度
              })
            }
          })
        })
        .catch(res => {
          //失败
          wx.showToast({
            title: '获取失败',
            icon: 'none',
            duration: 2000
          })
        })
  },

  /*添加到我的收藏*/
  getAddCollectDataModel: new BaseModel({
    url: 'employees/collectStaff',
    method: "get",
  }),
  getAddCollectData() {
    this.getAddCollectDataModel
        .fetch({
          id:this.data.id,
        })
        .then(res => {
          //成功
          wx.showToast({
            title: res.message,
            icon: 'success',
            duration: 2000
          })
        })
        .catch(res => {
          //失败
          wx.showToast({
            title: res.message,
            icon: 'none',
            duration: 2000
          })
        })
  },
  /*取消收藏*/
  getDelCollectDataModel: new BaseModel({
    url: 'employees/collectDel',
    method: "get",
  }),
  getDelCollectData() {
    this.getDelCollectDataModel
        .fetch({
          id:this.data.id,
        })
        .then(res => {
          //成功
          wx.showToast({
            title: res.message,
            icon: 'success',
            duration: 2000
          })
        })
        .catch(res => {
          //失败
          wx.showToast({
            title: res.message,
            icon: 'none',
            duration: 2000
          })
        })
  },
  /*点击收藏*/
  is_collection:function(){
    if(this.data.is_collection){
      this.setData({
        collect_num:this.data.collect_num+1
      })
      this.getAddCollectData();//添加收藏
    }else{
      this.setData({
      collect_num:this.data.collect_num-1
    })
      this.getDelCollectData() //取消收藏
    }
    this.setData({
      is_collection:!this.data.is_collection
    })
  },
  /*一键保存图片*/
  download:function(e){
    var index;
    var that = this;
    var picArr=e.currentTarget.dataset.img;
    wx.getSetting({
      success(res) {
        /*已经授权*/
        if(res.authSetting['scope.writePhotosAlbum']==true){
          that.xiazaiTupian(picArr,index)
          console.log("已经授权")
        }else{
          wx.authorize({
            scope: 'scope.writePhotosAlbum',
            success() {
              // 用户已经同意小程序使用保存到相册功能，后续调用 wx.startRecord 接口不会弹窗询问
              that.xiazaiTupian(picArr,index)
            },
            fail(){
              wx.showModal({
                title: '温馨提示',
                content: '你关闭了访问相册的权限，无法保存，请允许访问相册',
                success(res) {
                  if (res.confirm) {
                    wx.openSetting({
                      success(settingdata) {
                        if (settingdata.authSetting["scope.writePhotosAlbum"]) {
                          that.xiazaiTupian(picArr,index)
                        } else {
                          console.log("获取权限失败")
                        }
                      }
                    })
                  } else if (res.cancel) {
                    console.log('用户点击取消')
                  }
                }
              })
            }
          })
        }
      }
    })
  },
  //下载内容
  xiazaiTupian: function (picArr,index) {
    let that=this;
    index=index||0;
    wx.downloadFile({
      url: picArr[index],
      success: function (res) {
        var temp = res.tempFilePath
        wx.saveImageToPhotosAlbum({
          filePath: temp,
          success: function () {
            index+=1;
            if (index < picArr.length){
              that.xiazaiTupian(picArr, index);
            }else{
              wx.showToast({
                title: '下载完成',
              })
            }
          },
          fail: function () {
            index += 1;
            if (index < picArr.length) {
              that.xiazaiTupian(picArr, index);
            } else {
              wx.showToast({
                title: '下载完成',
              })
            }
            wx.showToast({
              title: '第' + (index+1) + '下载失败',
            })
          }
        })
      },
      fail: function (res) {
        console.log("下载失败")
        wx.showToast({
          title: '下载失败',
          icon: 'none',
          duration: 2000
        })
      },
      complete(res){
        console.log("完成")
      }
    })

  },
  /*长按保存图片*/
  longTap: function(e) {
    wx.showModal({
      title: '提示',
      content: '保存分享',
      success(res) {
        if (res.confirm) {
          wx.downloadFile({
            url: e.currentTarget.dataset.src,
            success (res) {
              wx.saveImageToPhotosAlbum({  // 下载成功后再保存到本地
                filePath: res.tempFilePath,  //返回的临时文件路径，下载后的文件会存储到一个临时文件
                success () {
                  wx.showToast({
                    title: '保存成功',
                    icon: 'success',
                    duration: 2000
                  })
                },
                fail(res) {
                  wx.showToast({
                    title: '保存失败，请重试',
                    icon: 'none',
                    duration: 2000
                  })
                },
              })
            }
          })
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })
  },
  /*复制文案*/
  copy_text:function(e){
    var this_message = e.currentTarget.dataset.text;
    wx.setClipboardData({
      data: this_message,
      success(res) {
        wx.getClipboardData({
          success(res) {
          }
        })
      }
    })
  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    var pages = getCurrentPages(); // 获取页面栈
    var prevPage = pages[pages.length - 2]; // 上一个页面
    prevPage.setData({
      page_source: "nowitness_add" // 假数据
    })
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    this.getMessageData();
    wx.stopPullDownRefresh(); //停止下拉
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})